<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>余额明细</title>
  <link rel="stylesheet" href="mobile/layui/css/layui.mobile.css">
  <link rel="stylesheet" href="mobile/layui/css/layui.css">
  <link rel="stylesheet" href="mobile/css/yj_css.css">
</head>
<body>
  <header class="yj-header">
    <a href="javascript:history.go(-1)" class="yj-header-return layui-icon">&#xe603;</a>
    <span>余额明细</span>
    <a class="yj-header-meau"></a>
  </header>
  




  <div class="yj-content">
    <div class="yj-bg-gradient yj-order-header yj-colorfff yj-text-center">
      <p class="yj-text-big" style="margin-bottom: .2rem;" th:text="${session.currentUser.userInfo.uMoney}">&</p>
      <a class="yj-btn yj-btn-sm yj-btn-line-main yj-mar-l" href="recharge.html" >余额充值</a>
    </div>
   <!--  <p class="yj-record-title">充值记录</p> -->
    <div class="yj-record-type">
      <a class="yj-tab1"><span>押金</span></a>
      <a class="yj-tab2 yj-active"><span>充值</span></a>
      <a class="yj-tab3"><span>续租</span></a>
    </div>
    <div class="layui-collapse yj-record-list yj-bgfff yj-pad-lr-big yj-mar-t yj-mar-b">
      <div class="layui-colla-item">
        <h2 class="layui-colla-title">
          <p>充值<span class="yj-right yj-color-red">+8.00</span></p>
          <p class="yj-text-small yj-color-gray-light">2017.10.12 12:33:25<span class="yj-right">261.00</span></p>
        </h2>
      </div>

      <div class="layui-colla-item">
        <h2 class="layui-colla-title">
          <p>使用扣费<span class="yj-right yj-color-red">-8.00</span></p>
          <p class="yj-text-small yj-color-gray-light">2017.10.12 12:33:25<span class="yj-right">161.00</span></p>
          <p class="yj-text-small yj-color-gray-light">2017.10.12 12:33:25<span class="yj-right">2017.10.12 12:33:25</span></p>
        </h2>
        <div class="layui-colla-content yj-text-small">
          <p>订单编号：658245963456</p>
          <p class="yj-color-gray-light">使用时间：2017.10.12 12:33:25 - 2017.10.12 12:33:25</p>
          <p class="yj-color-gray-light">我的设备：wf-8593</p>
        </div>
      </div>

      <div class="layui-colla-item">
        <h2 class="layui-colla-title">
          <p>代金券使用<span class="yj-right yj-color-red">+20.00</span></p>
          <p class="yj-text-small yj-color-gray-light">2017.10.12 12:33:25<span class="yj-right">262.00</span></p>
          <p class="yj-text-small yj-color-gray-light">代金券编号：20180256458963</p>
        </h2>
      </div>

      <div class="layui-colla-item">
        <h2 class="layui-colla-title">
          <p>月卡购买<span class="yj-right yj-color-red">-80.00</span></p>
          <p class="yj-text-small yj-color-gray-light">2017.10.12 12:33:25<span class="yj-right">262.00</span></p>
          <p class="yj-text-small yj-color-gray-light">代金券编号：20180256458963</p>
        </h2>
      </div>
      
    </div>
     
  <script src="mobile/layui/layui.all.js"></script>
    <script>
    //注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
      var element = layui.element;});
    </script>
  </div>
  <script th:src="@{/mobile/js/jquery.min.js}"></script>
</body>
</html>